
body {
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    font-size: 12px;
    background-color: #fff;
}
body.ce-atlas{
    overflow:hidden;
    line-height:1.2;
}
#progressbar {
    width:500px;
    text-align:left;
    border: 1px solid #aaa;
    height:10px;
}
.progressbar-value {
    float:left;
    margin:0;
    background-color:#aaa;
    height:10px;
    font-size:8px;
    color:white;
    font-weight:bold
}
div#header {
    height:60px;
    position:relative;
}
div#header img#living_atlas {
    display:block;
    position:absolute;
    bottom:0;
}
div#header p.nav-links {
    position:absolute;
    top:41px;
    left:300px;
}
div#timeline_toggle { 
    position:absolute;
    right:5px;
    top:3px;
    line-height: 1.5;
    text-align: right;
}
div#header a {
    color:#d3181c;
    /* font-weight:bold; */
    padding-bottom: 3px;
}
#header h1 { 
    margin-left: 425px; 
    line-height:60px; 
    border-bottom: 1px solid #888; 
    color:black; 
    }
#everything0,#everything1 {
    position:absolute;
    bottom:0;
    left:480px;
}
#everything1 {
    display: none;
}
#content {
    padding: 1em 2em;
}
/* dialog & widget headers throughout the app */
h3.title, h3.dialog-title {
  padding:3px;
  /* border-bottom:1px solid #ccc; */
  margin:8px;
  color:black;
  font-size:14px;
}
h3.title {
  text-align:center;
}
h3.dialog-title {
    cursor:move;
}
/* generically italicize and fade dates */
.ce-date {
  font-style:italic;
  color:#999;
  font-size:80%;
  margin-top:10px;
}
/* generically italicize and fade source */
.source {
  font-style:italic;
  color:#999;
  font-size:80%;
}
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.ce-button {
    background-color: black;
    color:white;
    font-size:12px;
    /* letter-spacing: -0.1; */
    /* padding:1px 4px 1px 4px; */
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
}

#search_box {
    width: 75px;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    font-size: 12px;
}

/* tours */
.ce-button-tour, .ce-button {
    margin: 0.1em;
    border-width: 1px;
    cursor: pointer;
}
.ce-button-tour {
    padding: 0.3em 2em 0.3em 2em;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    font-size:13px;
}

.tour-btn-0 {
    background-color:#dbb;
}
.tour-btn-1 {
    background-color:black;
    color:white;
}
.tour-el {
    padding:0.5em;
    text-align:center;
}
.tour-container {
    padding:0;
}
ul.tour-dialog {
    margin: 2px 0 0 1.5em !important;
    list-style: none inside none !important;
    list-style-type: disc !important;
    list-style-position: inherit !important;
}
input[type="text"], textarea, select {
  border:1px solid #888;
}
img.preload {
  visibility: hidden;
}
div#ce_map {
  position:absolute; 
  /* position: relative; */
  left:0;
  top:60px; 
  width:500px;
  height:500px;
}
div#ce_right {
  position:absolute;
  bottom:0px;
  right:0px;
  top:60px;
  width:212px;
  padding: 0 7px 0 7px;
  margin:0 0 0 4px;
  background-color: #FFF; 
  z-index:1006;
}
div#ce_right .tab-content {
  display: block;
  overflow: auto;
  margin: 0 0 3px 0;
}
#ce_right h2 {
  font-weight:bold;
  margin: 0 0 3px 0;
  font-size:12px;
}
#ce_right h2.tab {
  padding-left: 15px;
  background:white url(../img/toggle-inactive.png) no-repeat 0 -3px;
  cursor: pointer;
}
#ce_right h2.tab-active {
  background:white url(../img/toggle-active.png) no-repeat 0 -2px !important;
}

#ce_right div.linebreak {
    line-height:0.01;
    padding:0; margin:0 0 3px 0;
    border: 0px none transparent;
    border-top: 1px solid #888;
    height: 1px;
    font-size: 0.01px;
    clear: both;
}
#ce_right .menu {
    color: #d3181c;
    cursor: pointer;
    padding: 3px;
    margin:0 0 4px 0;
    border: 1px solid #444;
    background:white url(../img/toggle-active.png) no-repeat top right;
}
div#ce_tab_theme_content .description {
  overflow: hidden !important;
}
div#ce_tab_theme_content .legend {
  overflow: auto;
}
.legend div img, .legend-block {
  display:block;
  float:left;
}
div#ce_tab_layer_content {
  overflow: auto;
}
#ce_tab_media_content {
  overflow: auto;
}
.legend div {
  float: left;
}
.legend .graphic {
  border-width:1px;
  border-style:solid;
  width:20px;
  height:12px;
  margin:4px;
}
.legend-item {
  /* margin:1px; */
  cursor:pointer;
  clear:both;
  width:189px;
}
.legend .label {
  margin: 4px 0;
  font-family: Arial Unicode MS, Arial, Lucida Sans Unicode, Lucida Grande, sans-serif;
  font-size: 11px;
  /* the following property put in to mimic style of external legend graphic fonts */
  letter-spacing: -0.1px;
}
.media-filter {
  float:left;
  cursor: pointer;
  margin: 0 2px 0 2px;
}
.filter-name {
    margin-top:0 !important;
}    
.multimedia-items {
    margin-bottom:0.5em;
}
div#ce_right_tab_bar div.active {
  background:transparent url(../img/tab.png) no-repeat;
}

div#ce_slider_rulings {
    height: 100px;
    position: absolute;
    overflow: hidden;
    width: 100%;
    bottom: 40px;
    left: 0;
    z-index: 1001;
    background-image: url("/media/img/window-bg.png");
}
div#ce_slider_rulings table {
    width:100%;
    border-collapse:collapse;
}
div#ce_slider_rulings table td {
    padding:0;
}

#ce_slider_rulings td  {
}
#ce_slider_rulings td  div.year-tick {
  height:85px;
  border-left: 1px solid white;
}
#ce_slider_rulings td div.year-label {
  height:15px;
  color:black;
  font-weight:bold;
  background-color: #bbb;
}
#ce_slider_rulings td.active div.year-tick {
    background-image:url("/media/img/window-bg.png");
}
#ce_slider_rulings td.active div.year-label {
  color:white;
  background-color: black;
}
/*#ce_slider_rulings td.active div.year-label {
  background-color:white !important;
  opacity: 0.5;
}*/

div#ce_slider_rulings div.widgets {
    z-index:20000;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #fff;
    height: 19px;
}
div#ce_date_display {
      float:left;
      font-size:12px;
      padding-left:2px;
      padding-top:2px;
      color:#d3181c;
      z-index: 1002;
}
div#ce_play_controls {
      float: left;
      cursor: pointer;
      /* ARE THE FOLLOWING 2 LINES REQUIRED? */
      /* height: 15px; */
      /* z-index: 1002; */
      padding-left: 0.5em;
}
#ce_play_button, #ce_ff_button, #ce_rew_button, #ce_start_button, #ce_end_button {
    background-image: url("/media/img/play-controls.png");
    background-repeat: no-repeat;
    width: 12px; 
    height: 15px; 
    padding: 0;
    margin: 2px;
    display: block;
    float: left;
}
#ce_ff_button {
    background-position: -24px 2px; 
}
#ce_play_button {
    background-position: -12px 2px;
}
#ce_rew_button {
    background-position: 0 2px;
}
#ce_start_button {
    background-position: -60px 2px; 
}
#ce_end_button {
    background-position: -48px 2px;
}
textarea {
  height: 5em;
  overflow: auto;
}
.error{
    color:red;
}
input.title, textarea, input.source, select.theme, input.latitude, input.longitude, input.date_start, input.date_end, input.image{
  /*-moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;*/
  border: 1px solid #aaa;
  margin-right:1px;
}
input.latitude, input.longitude, input.date_start, input.date_end {
  width:100px;
}
fieldset {
  border: 1px solid #ddd;
  background-color: #f5f5f5;
}
input.title, textarea {
  width:100%;
}
img#ce_logo {
  position:absolute;
  top:0;
  left:0;
  z-index:2000;
}
div#ce_menus {
  position:absolute;
  top:60px;
  left:70px;
  z-index:500;
  height:40px;
  width:120px;
  padding: 4px 0 0 4px;
}
div#ce_menus img {
  cursor:pointer;
} 
img.strip{
  display: block;
  float: left;
  padding: 2px 0 0 5px;
  /*opacity: 0.8;*/
}
img.strip:hover {
  padding-top: 0;
  opacity: 1.0;
}
div.ce-menu-div {
    position:absolute;
    right:14px;
    background-color:white;
    border: 1px solid #888;
    padding: 1em;
    z-index:1018;
}
div.ce-menu-div div, div.ce-menu-div li {
  cursor:pointer;
  padding:2px 0 2px 6px;
}
div#ce_theme_menu div.active {
  font-weight:bold;
}
div#ce_theme_menu div.active  div{
  font-weight:normal;
}
div#ce_navigation_menu div.active {
  font-weight:bold;
}
div#ce_navigation_menu div.active  div{
  font-weight:normal;
}
a.img {
  border-width:0;
}
.ce-ui {  
  visibility: hidden;
}
.marker-item  {
  position: absolute;
  cursor:pointer;
  z-index: 1003;
  height:5px;
  font-size:1px;
  line-height:0.1;
  width:5px;
  margin:4px;
}

div#ce_slider_markers .active {
  z-index:3;
  color:black !important;
}
center#progressbar_container {
  padding-top: 170px;
} 
div.feature-list {
    margin-bottom: 2px;
    /*overflow: auto;*/
    /*height: 220px;*/
}
div.feature-list span.list-item {
  cursor: pointer;
  padding:2px;
  margin-bottom:0.5em;
  color:#333;
}
div.feature-list img.list-tile {
    width:32px;
    border:0;
    padding:0;
    cursor: pointer;
}
div.wrapper-photo {
    float:left;
    width: 32px;
    height: 26px;
    margin: 1px;
    overflow: hidden;
    font-size:8px;
    color: #888;
}
div.feature-list div.list-tile img {
    width:60px;
    height:auto;
    border:0;
    float:left;
}
div.feature-list div.active, .index-filter-property .active {
  font-weight:bold !important;
  opacity: 1.0 !important
}
div.feature-list div.list-item span {
  vertical-align:middle;
  margin-top:3px
}
div.feature-list div.list-item img {
  vertical-align:middle;
}
/* jQuery UI theme & widget customization */
div.ui-resizable-w{
  background-image: url(../img/handle.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
#ce_dialog {
    background-color: white;
    z-index: 1012;
    position:absolute;
}
#ce_dialog p.title {
    padding: 1em;
}
#ce_dialog p.inner {
    margin: 0;
    padding: 0.5em 1em 0.5em 1em;
}
p.close-button {
    float:right;
    margin-top:3px;
    width:60px;
    cursor:pointer;
}
div.ui-slider a.ui-slider-handle {
  border:1px solid #ccc;
  cursor:pointer !important
}
#ce_chart{
  width:600px;
  height:300px;
}
img.back {
  cursor:pointer;
}
.ce-stem {
  position:absolute;
  z-index:1100;
  visibility:hidden;
}
/* done jQuery UI theme & widget customization */

/* openlayers custom styles */
.ol-label {
  padding:3px;
  color:#aaa;
  overflow: hidden !important;
}
.ol-layer-switcher {
  position:absolute;
  top:25px;
  right:0px;
  margin-top:3px;
  margin-left:3px;
  margin-bottom:3px;
  color:white;
  background-color:transparent;
}
.ol-layer-switcher div.ui-widget div {
  overflow: auto;
  margin: 5px 5px 5px 5px;
  font-size:80%;
}
/* done openlayers custom styles */

/* General stuff */
small {
  font-size:80%;
}
medium {
  font-size:120%;
}
large {
  font-size:150%;
}
.clear {
    clear:both;
}
/* End of General Stuff */

/* Data table styles */
table.attr-data {

}
table.attr-data td {
    padding: 2px;
    border: 1px solid #ddd;
}
table.attr-data tr td.heading {
    font-weight:bold;
}
ul.attr-data li {
    list-style:disc inside;
    color:blue;
    text-decoration: underline;
    cursor:pointer;
}
/* End of Data table styles */
table.splash td {
    vertical-align: middle;
}
.index-filter-property p {
  float:left;width:110px;font-size:10px
}
.ce-tooltip {
    position:absolute;
    border: 1px solid #ccc;
    background-color: #eee;
    padding: 3px;
    color:#666;
    z-index: 10000;
}
#search_area {
    padding-top:2px;
}
.olControlMousePosition,
.olControlScale, 
.olControlScaleLine {
    background-image:url("/media/img/window-bg.png");
    color: black;  
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    font-size: 11px;
    text-align: center;
    display: block;
    line-height:1;
    padding: 2px;
    height: 14px;
}
.olControlScaleLine {
    top: 3px !important;
}
.olControlScale {
    text-transform: uppercase;
    right: 102px;
    width: 94px; 
    top: 3px !important;
}
.olControlMousePosition  {
    right: 202px !important;
    width: 156px;
    top: 3px !important;
}
div.olControlPanel  {
    top:320px;
    left:18px;
}
#powered_by, #copyright {
    z-index: 1008;
    right: 10px;
    position: absolute;
    width: 212px;
    background-color:white;
}
#powered_by {
    border-top: 1px solid #888;
    bottom: 16px;
    background-image:url(/media/img/PoweredbyKnowSysWater-small-neg.png);
    background-repeat:no-repeat;
    background-position: bottom right;
    height:45px;
}
#copyright {
    font-size: 9px;
    font-family: Tahoma, Helvetica, Geneva, sans-serif;
    bottom: 5px;
    position: absolute;
    /* text-decoration: underline; */
    /* width: 170px; */
    text-align: right;
    /* color: #aaa */
    /* line-height: 2; */
}
#copyright a {
    /* text-decoration: none; */
    color: #D3181C;
}

/* jquery.datePicker */
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
    display:none;
}

.pointer {
    cursor: pointer;
}

.underline {
    text-decoration: underline;
}

/* done with datePicker */

.layer_switcher_height {
    height: 65% !important;
}
